<template>
    <!--顶部首页-->
    <header>
        <a href=""><span>爱读书</span></a>
        <a href=""><img src="@/assets/book/images/search.png" alt=""></a>
        <a href=""><span>个人中心</span></a>
    </header>
</template>

<script>
    export default {}
</script>

<style scoped>
    header{
        width:100vw;
        height:6vh;
        background-color: #0C0C0C;
        color:  rgba(250, 250, 250, 0.62);
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        position: fixed;
        top:0;
        /*定位*/
    }
    header > a{
        color: rgba(250, 250, 250, 0.62);
    }
    header > a:first-of-type{
        margin-right: auto;
        margin-left: 2rem;
    }
    header > a:last-of-type{
        margin-right: 2rem;
    }
</style>